@CHARSET "UTF-8";

.navigation {
	display: block;
}
.navigation,
.navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigation li a {
	color:#fff;
	font-size:14px;
	font-family: georgia,"times new roman",times,"hiraminpro-w3","ms mincho",serif !important;
	text-decoration:none;
}
.navigation li a span {
	position:relative;
	display:block;
}

.navigation li a span em {
	position:absolute;
	top: 30px; left: 20px;
	font-weight:bold;
	font-style:normal;
}
.navigation li a span ins {
	position:absolute;
	top: 42px; left: 20px;
	color: #999;
	font-size:12px;
	font-style:italic;
	white-space: nowrap;
}

/** Horizontal style specialization */

.navigation.horizontal {
	overflow: hidden;
}
.navigation.horizontal li a {
	float:left;
	background: transparent url("images/bg-menu4-left.png") 0 0 no-repeat;
}
.navigation.horizontal li a span {
	width:132px;
	height:70px;
	background: transparent url("images/bg-menu4-right.png") 100% 0 no-repeat;
}

.navigation.horizontal li a				{background-position: 0 0; }
.navigation.horizontal li a span		{background-position: 100% 0;}
.navigation.horizontal li a:hover 		{background-position: 0 -70px;}
.navigation.horizontal li a:hover span 	{background-position: 100% -70px;color:#af1717;}
.navigation.horizontal li.active a,
.navigation.horizontal li a:active 		{background-position: 0 -140px; color:#fff}
.navigation.horizontal li.active a span,
.navigation.horizontal li a:active span	{background-position: 100% -140px; color:#fff;}

.navigation.horizontal li.realizacje a span {width: 148px}

/** Horizontal dla galerii*/
.navigation.horizontal.gallery li a {
	background-image: url("images/bg-menu-gallery-left.png");
}
.navigation.horizontal.gallery li a span {
	background-image: url("images/bg-menu-gallery-right.png");
}

/** Horizontal (II) style specialization */
.navigation.horizontal2 {
	overflow: hidden;
}
.navigation.horizontal2 li {
	float: left;
}
.navigation.horizontal2 li a {
	display:block;
	font-size: 1.3em;
}
.navigation.horizontal2 li.active em, 
.navigation.horizontal2 li a:hover em{
	border-bottom: 1px dashed #fff !important;
}
.navigation.horizontal2 li a span {
	display:block;
	width: 99px;
	height: 20px;
}
.navigation.horizontal2 li a span em {
	top: 0px;
	font-style: italic;
}

/** Vertical style specialization */

.navigation.vertical li a {
	display: block;
	background: transparent url("images/bg-menu2-left.png") no-repeat;
}
.navigation.vertical li a span {
	width:auto;
	height:59px;
	background: transparent url("images/bg-menu2-right.png") no-repeat;
}
.navigation.vertical li a span em {
	top: 20px; left: 30px;
}
.navigation.vertical li a span ins {
	top: 32px; left: 30px;
}

.navigation.vertical li a				{background-position: 0 -11px;}
.navigation.vertical li a span			{background-position: 100% -11px;}
.navigation.vertical li a:hover 		{background-position: 0 -81px;}
.navigation.vertical li a:hover span 	{background-position: 100% -81px;}
.navigation.vertical li.active a,
.navigation.vertical li a:active 		{background-position: 0 -151px;}
.navigation.vertical li.active a span,
.navigation.vertical li a:active span	{background-position: 100% -151px; color: #af1717;}